<!DOCTYPE html>
<html>
	<!--form标签:-->
	<!--action提交的连接地址-->
	<!--method="get.post"-->
	<!--autocomplete属性on记录以前输入的内容/默认为on
	    placeholder=""信息提示
		-->
	<head>
		<meta charset="utf-8">
		<title>学生信息管理系统</title>
		<link rel="stylesheet" 
		      href="css/bootstrap.min.css">  
		<style>
			body{
				width: 320px;
				border: 2px #8B0000;
			}		
		</style>
	</head>
	<body>
		<div class="container">
		<form action="post">
			<h1>学生信息管理系统</h1>
			<div class="form-group">
				<label>姓名 : </label>
				<input type="text" class="form-control" placeholder="eg.张三"name="name" id="name"/>
			</div>	
			<div class="form-group">
				<label>年龄 : </label>
				<input type="number" class="form-control" placeholder="eg.19" name="age" id="age"/>
			</div>	
			<div class="form-group">
				<label>性别 : </label>
				<!--单选-->
				<label class="radio-inline">
					<input type="radio" name="sex" id="sex" value="1"/>
					男 &nbsp &nbsp &nbsp 
				</label>
				<label class="radio-inline">
					<input type="radio" name="sex" id="sex" value="2"/>
					女
				</label>
			</div>	
			<div class="form-group">
				<label valign="top">偏好:</label>
				<!--多选-->
				<label class="checkbox-inline">
					<input type="checkbox" value="1" name="prefer" id="prefer"/>
					运动
				</label>
				<label class="checkbox-inline" >
					<input type="checkbox" value="2" name="prefer" id="prefer"/>
					摄影
				</label>
				<label class="checkbox-inline">
					<input type="checkbox" value="3" name="prefer" id="prefer"/>
					宠物
				</label>
				<label class="checkbox-inline" >
					<input type="checkbox" value="4" name="prefer" id="prefer" />
					娱乐
				</label>
				
				<br/>
				<span style="padding-left: 37px;"></span>
				<label class="checkbox-inline">
					<input type="checkbox" value="5" name="prefer" id="prefer" />
					阅读
				</label>
				<label class="checkbox-inline">
					<input type="checkbox" value="6" name="prefer" id="prefer" />
					影视
				</label>
			</div>	
			<div class="form-group">
				<label>学历 : </label>
				<!--下拉选择-->
				<select name="edu" class="form-control">
					<option value="0">请选择学历</option>
					<option value="1">小学</option>
					<option value="2">高中</option>
					<option value="3">大专</option>
					<option value="4">本科</option>
					<option value="5">研究生及以上</option>
				</select>
			</div>	
			<div>
				<input class="btn btn-success" type="button" name="save" value="保存"/>
				<input class="btn btn-danger" type="button"value="取消"/>
			</div>
			</div>
		</form>
	</body>
</html>